扩展组件（uni ui）

2024-05-07 04:06| 来源: 网络整理| 查看: 265

更新记录1.1.3（2019-08-02）1.1.2（2019-07-24）Popup 弹出层更新日志更新记录1.1.3（2019-08-02）新增打开关闭弹窗的回调事件 1.1.2（2019-07-24）新增显示弹窗属性修复 h5 取消导航栏，顶部空白问题查看更多 Popup 弹出层

弹出层组件，为了解决遮罩弹层的问题。组件名：uni-popup，代码块： uPopup。

使用方式：

在 script 中引用组件

import uniPopup from "@/components/uni-popup/uni-popup.vue"export default { components: {uniPopup}}

基本用法

底部弹出 Popup

属性说明：

属性名类型默认值说明animationBooleantrue是否开启动画typeStringcenter弹出方式，可选值：top（顶部），center（居中），bottom（底部）showBooleanfalse显示弹窗customBooleanfalse是否自定义内容maskClickBooleantrue蒙版点击是否关闭弹窗changeFunctiontrue打开关闭弹窗触发

方法说明：通过 ref 获取组件方法

方法称名说明open打开弹出层close关闭弹出层打开弹出层弹出层示例关闭弹出层 export default { methods:{ openPopup(){ this.$refs.popup.open() }, closePopup(){ this.$refs.popup.close() } }}

Tips

show 的作用与 open() 效果一致，在使用中显示弹窗二者只能选择其一。如果使用 show 显示弹窗，那么关闭弹窗时，应将 show 置为 false 更新日志

1.1.3

新增打开关闭弹窗的回调事件 1.1.2

新增显示弹窗属性

修复 h5 取消导航栏，顶部空白问题 1.1.1

修复图片不显示的问题 1.1.0

新增动画效果

修复示例底部弹出样式错乱的 bug

优化代码重构可完全自定义内容 1.0.0

初始化项目

【本文地址】

公司简介

联系我们